import React from 'react'

export default [{
  selector: '[data-tour="first-step"]',
  content: '这里是切换语言',
}, {
  selector: '[data-tour="second-step"]',
  content: ({ goTo }) => (
    <div>
      Lorem ipsum<button onClick={() => goTo(0)}>Go to Step 5</ button >
    </div>
  ),
  showNavigation: false,  // 显示/隐藏帮助程序导航点
  showNavigationNumber: false,
  position: 'top',
  // you could do something like:
  // position: [160, 250],
  action: (node: HTMLElement) => {
    // by using this, focus trap is temporary disabled
    node.focus()
    console.log('yup, the target element is also focused!')
  },
  style: {
    backgroundColor: '#bada55',
  },
  // Disable interaction for this specific step.
  // Could be enabled passing `true`
  // when `disableInteraction` prop is present in Tour
  stepInteraction: false,
  // Text read to screen reader software for this step's navigation dot
  navDotAriaLabel: 'Go to step 4',
  disableKeyboardNavigation: false, // 设置为true时，禁用所有键盘导航（下一个和上一个步骤）；在数组时，仅禁用选定的键 bool | array(['esc', 'right', 'left'])
},
  // ...
]



// steps: PropTypes.arrayOf(PropTypes.shape({
//   'selector': PropTypes.string,
//   'content': PropTypes.oneOfType([
//     PropTypes.node,
//     PropTypes.element,
//     PropTypes.func,
//   ]).isRequired,
//   'position': PropTypes.oneOfType([
//     PropTypes.arrayOf(PropTypes.number),
//     PropTypes.oneOf(['top', 'right', 'bottom', 'left', 'center']),
//   ]),
//   'action': PropTypes.func,
//   'style': PropTypes.object,
//   'stepInteraction': PropTypes.bool,
//   'navDotAriaLabel': PropTypes.string,
// })),
